<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/assets/css/style.css}" rel="stylesheet">
    <!-- YOUR CUSTOM CSS -->
    <link th:href="@{/assets/css/custom.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/assets/lib/layui-2.8/css/layui.css}">
</head>
<body>
<form action="">
    <div class="row" style="width: 700px;margin: 0 auto">

        <div class="tab-pane fade show active" id="tab_1" role="tabpanel" aria-labelledby="tab_1">
            <!--							<div class="form-group">-->
            <!--								<input type="email" class="form-control" placeholder="Email">-->
            <!--							</div>-->
            <!--							<div class="form-group">-->
            <!--								<input type="password" class="form-control" placeholder="Password">-->
            <!--							</div>-->
            <hr>
            <div class="row no-gutters">
                <div class="col-6 form-group pr-1">
                    <label for="receiver">收件人*</label>
                    <input type="text" class="form-control" id="receiver" placeholder="收件人">
                </div>
                <div class="col-6 form-group pr-1">
                    <label for="receiverPhone">收件人电话*</label>
                    <input type="text" class="form-control" id="receiverPhone" placeholder="电话">
                </div>
                <!--								<div class="col-6 form-group pl-1">-->
                <!--									<input type="text" class="form-control" placeholder="Last Name">-->
                <!--								</div>-->
            </div>
            <!-- /row -->
            <div class="row no-gutters">
                <div class="col-6 form-group pr-1">
                    <label for="province">省*</label>
                    <input type="text" class="form-control" id="province" placeholder="省">
                </div>
                <div class="col-6 form-group pl-1">
                    <label for="city">市*</label>
                    <input type="text" class="form-control" id="city" placeholder="市">
                </div>
            </div>
            <div class="row no-gutters">
                <div class="col-6 form-group pr-1">
                    <label for="area">区*</label>
                    <input type="text" class="form-control" id="area" placeholder="区">
                </div>
                <div class="col-6 form-group pl-1">
                    <label for="street">街道</label>
                    <input type="text" class="form-control" id="street" placeholder="街道">
                </div>
            </div>


            <div class="form-group">
                <label for="addrDetail">详细地址*</label>
                <input type="text" class="form-control" id="addrDetail" placeholder="详细地址">
            </div>
            <div class="form-group" style="text-align: center">
                <button type="button" class="btn_1" id="addrAdd">保存地址</button>
            </div>
        </div>
    </div>
</form>

<script th:src="@{/assets/js/common_scripts.min.js}"></script>
<script th:src="@{/assets/js/main.js}"></script>
<script th:src="@{/assets/account/main.js}"></script>
<script th:src="@{/assets/lib/layui-2.8/layui.js}"></script>
<script th:src="@{/assets/account/personal.js}"></script>
<script th:src="@{/assets/good/addrAdd.js}"></script>
<script>
    // Client type Panel
    $('input[name="client_type"]').on("click", function () {
        var inputValue = $(this).attr("value");
        var targetBox = $("." + inputValue);
        $(".box").not(targetBox).hide();
        $(targetBox).show();
    });
</script>
<script th:inline="javascript">
    let ctx = /*[[@{/}]]*/"";
    if (ctx.endsWith("/")) {
        ctx = ctx.substring(0, ctx.length - 1);
    }

</script>
</body>
</html>